<%-- 
    Document   : administration_detail_match
    Created on : 24 nov. 2013, 21:20:59
    Author     : Steve Cancès <steve.cances@gmail.com>
--%>

<%@page import="java.util.ArrayList"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectButTirAuBut"%>
<%@page import="fr.miage.orleans.aar.modele.EtatMatchTour"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeLight"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectJoueur"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeMinimal"%>
<%@page import="java.util.Comparator"%>
<%@page import="java.util.Collections"%>
<%@page import="java.util.List"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectButMatch"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectMatch"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/kickstart.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/kickstart.js"></script>
        <script type="text/javascript" src="js/administration.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <jsp:useBean id="match" class="fr.miage.orleans.aar.modele.valueobject.ValueObjectMatch" scope="session" />
		<jsp:useBean id="equipeA" class="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeLight" scope="session" />
		<jsp:useBean id="equipeB" class="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeLight" scope="session" />
		<jsp:useBean id="integerFrom" class="java.lang.Integer" scope="session" />
		<jsp:useBean id="integerTo" class="java.lang.Integer" scope="session" />

        <title>Les tournois - Administration - Détail match</title>
    </head>
    <body>
        <jsp:include page="header.jsp">
            <jsp:param name="page" value="administration" />
        </jsp:include>

        <div class="grid">
            <div class="col_12">
				<ul class="breadcrumbs">
		                    <li><a href="<%=request.getContextPath() + "/consultation"%>">Accueil</a></li>
		                    <li><a href="<%=request.getContextPath() + "/administration"%>">Administration</a></li>
		                    <li><a href="<%=request.getContextPath() + "/administration?action=detailTournoi&tournoiId="+match.getTournoiId() %>">Détail tournoi</a></li>
				    <li><a href="">Détail match</a></li>
                </ul>
		
                <h3>Match n°<%=match.getMatchTourId()%> du tour <%=match.getRangMatch()%> du tournoi <%=match.getNomTournoi()%></h3>
                <ul class="tabs" id="tabs_match">
                    <li><a href="#tab_match"><i class="icon-group"></i> Détail match</a></li>
                </ul>
				<div id="tab_match" class="tab-content">
				    <ul>
					<li>Identifiant du match : <%=match.getMatchTourId()%></li>
					<li>Tour : <%=match.getRangMatch()%></li>
					<li>Numéro du match dans le tour : <%=match.getNumeroMatch()%></li>
					<li>Arbitre : <%=match.getArbitre().getPrenom()%> <%=match.getArbitre().getNom()%></li>
					<li>Etat d'avancement : <%=match.getEtatMatch()%></li>
				    </ul>
				    <h4>Les buts</h4>
				    <table id="table_buts" class="striped" cellspacing="0" cellpadding="0">
		            	<thead>
					    	<tr>
								<th></th>
		                        <th><%=match.getEquipeA().getNom() + " (" + match.getScoreA() + " buts)"%></th>
								<th><%=match.getEquipeB().getNom() + " (" + match.getScoreB() + " buts)"%></th>
								<th>Minute</th>
		                   </tr>
						</thead>
                		<tbody>
						    <%
							List<ValueObjectButMatch> buts = match.getListButs();
							for (ValueObjectButMatch but : buts) {
						    %>
						    <tr>
								<td></td>
								<td>
								    <% if (but.getEquipe().getId() == match.getEquipeA().getId()) {%>
								    <%=but.getButteur().getPrenom() + " " + but.getButteur().getNom()%>
								    <% }%>
								</td>
								<td>
							    <% if (but.getEquipe().getId() == match.getEquipeB().getId()) {%>
							    <%=but.getButteur().getPrenom() + " " + but.getButteur().getNom()%>
							    <% }%>
								</td>
								<td>
								    <%=but.getMinuteBut()%>
								</td>
						    </tr>
						    <% }%>
					     	<%
								EtatMatchTour emt = match.getEtatMatch();
								if (emt == EtatMatchTour.PREMIERE_MI_TEMPS || emt == EtatMatchTour.DEUXIEME_MI_TEMPS || emt == EtatMatchTour.PROLONGATION_PREMIERE_MI_TEMPS || emt == EtatMatchTour.PROLONGATION_DEUXIEME_MI_TEMPS) {
					    	%>
						    <tr>
								<td>Ajouter un but :</td>
								<% ValueObjectEquipeMinimal equipe; %>
								<td>
								    <% equipe = match.getEquipeA();%>
								    <form oninput="outputMinute.value=inputMinute.value" action="administration" method="post">
										<input type="hidden" name="action" value="ajouterBut" />
										<input type="hidden" name="matchId" value="<%=match.getMatchTourId()%>" />
										<input type="hidden" name="equipeId" value="<%=equipe.getId()%>" />
										<label for="select_equipe_but">Joueur</label>
										<select name="personneId">
										    <%
											for (ValueObjectJoueur joueur : equipeA.getListeJoueur()) {
										    %>
										    <option value="<%=joueur.getId()%>">
											<%=joueur.getPrenom() + " " + joueur.getNom() + " (" + joueur.getPosteJoueur().getNomPoste() + ")"%>
										    </option>
							    		<% }%>
										</select>
										<br/>
										<label for="inputMinute">Minute</label>
										<input name="inputMinute" type="range" min="<%=integerFrom%>" max="<%=integerTo%>" step="1" value="<%=integerFrom%>">
										<output name="outputMinute" for="inputMinute"><%=integerFrom%></output>
										<br/>
										<button type="submit" class="small square green"><i class="icon-ok"></i> Ajouter but pour <%=equipe.getNom()%></button>
								    </form>
								</td>
								<td>
								    <% equipe = match.getEquipeB();%>
								    <form oninput="outputMinute.value=inputMinute.value" action="administration" method="post">
										<input type="hidden" name="action" value="ajouterBut" />
										<input type="hidden" name="matchId" value="<%=match.getMatchTourId()%>" />
										<input type="hidden" name="equipeId" value="<%=equipe.getId()%>" />
										<label for="select_equipe_but">Joueur</label>
										<select name="personneId">
										    <%
											for (ValueObjectJoueur joueur : equipeB.getListeJoueur()) {
										    %>
										    <option value="<%=joueur.getId()%>">
											<%=joueur.getPrenom() + " " + joueur.getNom() + " (" + joueur.getPosteJoueur().getNomPoste() + ")"%>
										    </option>
										    <% }%>
										</select>
										<br/>
										<label for="inputMinute">Minute</label>
										<input name="inputMinute" type="range" min="<%=integerFrom%>" max="<%=integerTo%>" step="1" value="<%=integerFrom%>">
										<output name="outputMinute" for="inputMinute"><%=integerFrom%></output>
										<br/>
										<button type="submit" class="small square green"><i class="icon-ok"></i> Ajouter but pour <%=equipe.getNom()%></button>
					    			</form>
								</td>
								<td></td>
			    			</tr>
			    			<tr>
							    <td>
								    <form action="administration" method="post">
										<input type="hidden" name="action" value="terminerPeriode" />
										<input type="hidden" name="matchId" value="<%=match.getMatchTourId()%>" />
										<button type="submit" class="small square blue"><i class="icon-legal"></i> Terminer période</button>
								    </form>
							    </td>
				    			<td colspan="3"></td>
			    			</tr>
		    				<%} %>
						</tbody>
	   				</table>
				
				<%
					if (emt == EtatMatchTour.TIR_AU_BUT || emt == EtatMatchTour.MORT_SUBITE ){	
				%>
				<h4>Les tirs aux buts</h4>
				<table id="table_buts" class="striped" cellspacing="0" cellpadding="0">
					<thead>
						<tr>
							<th>Equipe</th>
							
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<%for (int i = 6 ; i < match.getListTOB().size() -5 ; ++i) { %>
								<th><%=i%></th>
							<% }%>
						</tr>
					</thead>
					<%
						ArrayList<ValueObjectButTirAuBut> btab1= new ArrayList<ValueObjectButTirAuBut>();
						ArrayList<ValueObjectButTirAuBut> btab2= new ArrayList<ValueObjectButTirAuBut>();
						for (ValueObjectButTirAuBut b : match.getListTOB()){
							if(b.getEquipe().getId()==equipeA.getId()){
								btab1.add(b);
							}
							else{
								btab2.add(b);
							}
						}
					%>

					<tbody>
						<tr>
							<td><%=equipeA.getNom() %></td>
							<%for (int i=0;i< match.getListTOB().size();i++){ %>
							<td >
								<%for(ValueObjectButTirAuBut vob: btab1){
									if (vob.getRang()==(i+1)){ 
										String color = (vob.isReussi()) ? "green" : "red"; 
								%>
									<span style="color: <%=color%>" ><%=vob.getButteur().getNom()%>&nbsp;<%=vob.getButteur().getPrenom()%></span>	
								<%	}
								} 
								%>
							</td>
							<%} %>

						</tr>
						<tr>
							<td><%=equipeB.getNom() %></td>
							<%for (int i=0;i< match.getListTOB().size();i++){ %>
							<td>
								<%for(ValueObjectButTirAuBut vob: btab2){
									if (vob.getRang()==(i+1)){ 
										String color = (vob.isReussi()) ? "green" : "red";
								%>
									<span style="color:<%=color%>" ><%=vob.getButteur().getNom()%>&nbsp;<%=vob.getButteur().getPrenom()%></span>
								<% 	}
								} 
								%>
							</td>
							<%} %>
						</tr>
					</tbody>
				</table>
				<br /> 
				<br />
				
				<h5>
					<%  
						boolean isTourA = ( match.getListTOB().size() % 2) == 0;
						ValueObjectEquipeLight equipeTOB = (isTourA) ? equipeA : equipeB;
						int idEquipe = equipeTOB.getId();
						int rang = (match.getListTOB().size() / 2) + 1;
						
					%>
					Saisie de la série N°<%=rang%> - Tour de l'équipe <%=equipeTOB.getNom() %>
					<% if(match.getEtatMatch() == EtatMatchTour.MORT_SUBITE){ %>(Mort Subite)<%} %>
				</h5>
				<form action="administration" method="post">
					
					<input type="hidden" name="action" value="validerSerieTirsAuBut" />
					<input type="hidden" name="matchId" value="<%=match.getMatchTourId()%>" />
					<input type="hidden" name="equipeId" value="<%=idEquipe%>" />
					<table id="table_selection_buteur" cellspacing="0" cellpadding="0">
						<tr>						
							<td>
								<label for="select_equipe"><%=equipeTOB.getNom() %></label>
							</td>
							<td>
								<select name="personneId">
									<%
									for (ValueObjectJoueur joueur : equipeTOB.getListeJoueur()) {
								    %>
									<option value="<%=joueur.getId()%>">
										<%=joueur.getPrenom() + " " + joueur.getNom() + " (" + joueur.getPosteJoueur().getNomPoste() + ")"%>
									</option>
									<% }%>
								</select> &nbsp; 
								<input type="checkbox" id="checkBut" name="checkBut" value="butok" />
								<label for="checkBut" class="inline">But marqué</label>
							<td>
						</tr>
						<tr>
							<td></td>
							<td>
								<button type="submit" class="small square green"><i class="icon-ok"></i> Valider série N°<%=rang%></button>
							</td>
						</tr>
					</table>
				</form>
				
				
				<%} %>
			</div>
			</div>
		</div>

    	<jsp:include page="footer.jsp"></jsp:include>
    </body>
</html>
